<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../../../app/assets/css/robotUI.css">
    <link rel="stylesheet" type="text/css" href="../../../app/assets/css/main.css">
</head>

<body class="qb-close-g">
<!-- 头部 -->
<!-- 头部 -->
<div class="header">
    <div class="rob-container">
        <div class="qb-header-g qb-header-g__bg">
            <a class="qb-header-g__logo" href="">
                <img src="../../../app/assets/images/logo.png">
            </a>
            <ul class="qb-header-g--navbar-right hiden">
                <li><a href=""><i class="qb-head-icon-g qb-icon-user"></i>
                    <div class="popover qb-popover-g">
                        <div class="arrow"></div>
                        <p class="popover-title popover-name">阿超</p>
                        <p class="popover-title">上次登录时间</p>
                        <p class="popover-title">2016-09-27 18:00</p>
                        <div class="popover-content">
                            <a target="_blank" href="">
                                <button class="rob-btn rob-btn-danger rob-btn-circle qb-popover-g__pd20">进入个人中心</button>
                            </a>
                        </div>
                    </div>
                </a>
                </li>
                <li><a href=""><i class="qb-head-icon-g qb-icon-bell"></i><span class="qb-news-g"></span></a></li>
                <li><a href=""><i class="qb-head-icon-g qb-icon-quit"></i></a></li>
            </ul>
        </div>
    </div>
</div>
<!-- 菜单 -->
<div class="qb-menu-g qb-menu-g--mini qb-open_menu-g">


    <!--close-->
    <ul class="rob-sidebar-menu-1 close">
        <!-- close -->
        <li class="nav-item">
            <a class=" ">
                <i class="qb-icon-home"></i>
                <span class="title">首页</span>
                <span class="selected"></span>
                <span class="arrow"><i class="rob-icon-angle-up"></i></span>
            </a>
            <ul class="sub-menu active open" style="display: block;">
                <li class="nav-item" >
                    <a class="nav-link ">
                        <span class="title">菜单一1</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class=" ">
                        <span class="title">菜单二2</span>
                    </a>
                </li>

            </ul>
        </li>
        <li class="nav-item">
            <a class=" ">
                <i class="qb-icon-account"></i>
                <span class="title">首页</span>
                <span class="selected"></span>
                <span class="arrow"><i class="rob-icon-angle-up"></i></span>
            </a>
            <ul class="sub-menu " >
                <li class="nav-item">
                    <a class="nav-link ">
                        <span class="title">菜单一</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class=" ">
                        <span class="title">菜单二</span>
                    </a>
                </li>

            </ul>
        </li>


        <li class="nav-item">
            <a class=" ">
                <i class="qb-icon-payment"></i>
                <span class="title">首页</span>
                <span class="selected"></span>
                <span class="arrow"><i class="rob-icon-angle-up"></i></span>
            </a>
            <ul class="sub-menu " >
                <li class="nav-item">
                    <a class="nav-link ">
                        <span class="title">菜单一</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class=" ">
                        <span class="title">菜单二</span>
                    </a>
                </li>

            </ul>
        </li>
        <li class="nav-item">
            <a class=" ">
                <i class="qb-icon-instead"></i>
                <span class="title">首页</span>
                <span class="selected"></span>
                <span class="arrow"><i class="rob-icon-angle-up"></i></span>
            </a>
            <ul class="sub-menu " >
                <li class="nav-item">
                    <a class="nav-link ">
                        <span class="title">菜单一</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class=" ">
                        <span class="title">菜单二</span>
                    </a>
                </li>

            </ul>
        </li>

        <li class="nav-item">
            <a class=" ">
                <i class="qb-icon-credit"></i>
                <span class="title">首页</span>
                <span class="selected"></span>
                <span class="arrow"><i class="rob-icon-angle-up"></i></span>
            </a>
            <ul class="sub-menu " >
                <li class="nav-item">
                    <a class="nav-link ">
                        <span class="title">菜单一</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class=" ">
                        <span class="title">菜单二</span>
                    </a>
                </li>

            </ul>
        </li>
        <li class="nav-item">
            <a class=" ">
                <i class="qb-icon-other1"></i>
                <span class="title">首页</span>
                <span class="selected"></span>
                <span class="arrow"><i class="rob-icon-angle-up"></i></span>
            </a>
            <ul class="sub-menu " >
                <li class="nav-item">
                    <a class="nav-link ">
                        <span class="title">菜单一</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class=" ">
                        <span class="title">菜单二</span>
                    </a>
                </li>

            </ul>
        </li>

        <li class="nav-item">
            <a class=" ">
                <i class="qb-icon-other"></i>
                <span class="title">首页</span>
                <span class="selected"></span>
                <span class="arrow"><i class="rob-icon-angle-up"></i></span>
            </a>
            <ul class="sub-menu " >
                <li class="nav-item">
                    <a class="nav-link ">
                        <span class="title">菜单一</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class=" ">
                        <span class="title">菜单二</span>
                    </a>
                </li>

            </ul>
        </li>
        <li class="nav-item">
            <a class=" ">
                <i class="qb-icon-menu-message-thin"></i>
                <span class="title">基本信息</span>
                <span class="selected"></span>
                <span class="arrow"><i class="rob-icon-angle-up"></i></span>
            </a>
            <ul class="sub-menu " >
                <li class="nav-item">
                    <a class="nav-link ">
                        <span class="title">菜单一</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class=" ">
                        <span class="title">菜单二</span>
                    </a>
                </li>

            </ul>
        </li>
        <li class="nav-item">
            <a class=" ">
                <i class="qb-icon-menu-lock-thin"></i>
                <span class="title">安全设置</span>
                <span class="selected"></span>
                <span class="arrow"><i class="rob-icon-angle-up"></i></span>
            </a>
            <ul class="sub-menu " >
                <li class="nav-item">
                    <a class="nav-link ">
                        <span class="title">菜单一</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class=" ">
                        <span class="title">菜单二</span>
                    </a>
                </li>

            </ul>
        </li>

    </ul>
</div>
<!-- layout -->
<div class="qb-wapper-g qb-wapper-g__menu-mini qb-wapper_open-g">
    <!-- 搜索面板 -->
    <div class="qb-panel-g qb-search-g--layout">
        <div class="qb-column-header-g">
            <ol class="rob-breadcrumb rob-breadcrumb-pointed">
                <li><a href="#"><i class="qb-icon-home"></i>首页</a></li>
                <li>授信管理</a>
                </li>
                <li class="active"><a href="#">贷款进度查询</a></li>
            </ol>
        </div>
        <div class="qb-search-g">
            <div class="rob-row rob-no-gutters">
                <div class="rob-col-lg-8 rob-col-md-12 rob-col-sm-24 rob-col-xs-24 rob-input-has-error">
                    <div class="rob-form-group">
                        <div class="rob-col-lg-6 rob-col-md-5 rob-col-sm-24 rob-col-xs-24 qb-no-padding-rg">
                            <label class="rob-input-label">日期哈日期:</label>
                        </div>
                        <div class="rob-col-lg-18 rob-col-md-19 rob-col-sm-24 rob-col-xs-24 rob-input-date">
                            <div class="rob-input-item rob-has-icon-right">
                                <em class="rob-is-icon-right rob-icon qb-icon-calendar "></em>
                                <input type="text" class="rob-input"/>
                                <div class="rob-error-message">
                                    <i class="qb-icon-calendar"></i> 使用单一的一组 .rob-col-md-*
                                    栅格类，就可以创建一个基本的栅格系统，在手机和平板设备上一开始是堆叠在一起的（超小屏幕到小屏幕这一范围），在桌面（中等）屏幕设备上变为水平排列。所有“列（column）必须放在
                                    ” .rob-row 内。
                                </div>
                            </div>
                            <div class="rob-input-item rob-has-icon-right">
                                <em class="rob-is-icon-right rob-icon qb-icon-calendar "></em>
                                <input type="text" class="rob-input"/>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="rob-col-lg-8 rob-col-md-12 rob-col-sm-24 rob-col-xs-24 rob-input-has-error">
                    <div class="rob-form-group">
                        <div class="rob-col-lg-6 rob-col-md-5 rob-col-sm-24 rob-col-xs-24 qb-no-padding-rg">
                            <label for="inputEmail3" class="rob-input-label">日期哈日期:</label>
                        </div>
                        <div class="rob-col-lg-18 rob-col-md-19 rob-col-sm-24 rob-col-xs-24">
                            <div class="rob-input-item rob-has-icon-right">
                                <input type="text" class="rob-input"/>
                                <div class="rob-error-message">
                                    <i class="rob-icon-calendar"></i> 使用单一的一组 .rob-col-md-*
                                    栅格类，就可以创建一个基本的栅格系统，在手机和平板设备上一开始是堆叠在一起的（超小屏幕到小屏幕这一范围），在桌面（中等）屏幕设备上变为水平排列。所有“列（column）必须放在
                                    ” .rob-row 内。
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="rob-col-lg-8 rob-col-md-12 rob-col-sm-24 rob-col-xs-24">
                    <div class="rob-form-group">
                        <div class="rob-col-lg-6 rob-col-md-5 rob-col-sm-24 rob-col-xs-24 qb-no-padding-rg">
                            <label for="inputEmail3" class="rob-input-label">日期哈日期:</label>
                        </div>
                        <div class="rob-col-lg-18 rob-col-md-19 rob-col-sm-24 rob-col-xs-24">
                            <div class="rob-input-item rob-has-icon-right">
                                <input type="text" class="rob-input"/>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="rob-col-lg-8 rob-col-md-12 rob-col-sm-24 rob-col-xs-24">
                    <div class="rob-form-group">
                        <div class="rob-col-lg-6 rob-col-md-5 rob-col-sm-24 rob-col-xs-24 qb-no-padding-rg">
                            <label for="inputEmail3" class="rob-input-label">日期哈日期:</label>
                        </div>
                        <div class="rob-col-lg-18 rob-col-md-19 rob-col-sm-24 rob-col-xs-24">
                            <div class="rob-input-item rob-has-icon-right">
                                <input type="text" class="rob-input"/>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="rob-col-lg-8 rob-col-md-12 rob-col-sm-24 rob-col-xs-24">
                    <div class="rob-form-group">
                        <div class="rob-col-lg-6 rob-col-md-5 rob-col-sm-24 rob-col-xs-24 qb-no-padding-rg">
                            <label for="inputEmail3" class="rob-input-label">日期哈日期:</label>
                        </div>
                        <div class="rob-col-lg-18 rob-col-md-19 rob-col-sm-24 rob-col-xs-24 rob-input-date qb-search-g__re-calendar">
                            <div class="rob-input-item rob-has-icon-right">
                                <em class="rob-is-icon-right rob-icon qb-icon-calendar "></em>
                                <input type="text" class="rob-input"/>
                            </div>
                            <div class="rob-input-item rob-has-icon-right">
                                <em class="rob-is-icon-right rob-icon qb-icon-calendar "></em>
                                <input type="text" class="rob-input"/>
                            </div>
                            <div class="rob-select-box rob-has-icon-right qb-select-g">
                                <i class="rob-is-icon-right qb-icon-angle-down"></i>
                            </div>
                            <div class="rob-select open">
                                <div class="rob-select-items">
                                    <div class="rob-select-item active">
                                        今天
                                    </div>
                                    <div class="rob-select-item">
                                        最近一周
                                    </div>
                                    <div class="rob-select-item">
                                        最近三个月
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="rob-col-lg-6 rob-col-md-6 rob-col-sm-12 rob-col-xs-12  column qb-search-g__button ">
                    <div class="rob-col-lg-12 rob-col-md-12 rob-col-sm-12 rob-col-xs-12">
                        <button class="rob-btn rob-btn-danger rob-btn-circle " type="button">搜索</button>
                    </div>
                    <div class="rob-col-lg-12 rob-col-md-12 rob-col-sm-12 rob-col-xs-12 qb-search-g__button__item">
                        <button class="rob-btn rob-btn-minor rob-btn-circle " type="button">清除</button>
                    </div>
                </div>
                <div class="rob-col-lg-6 column">
                </div>
                <div class="rob-col-lg-6 column">
                </div>
            </div>
        </div>
    </div>
    <!-- 表格 -->
    <div class="qb-panel-g clearfix qb-media-height">
        <div class="qb-column-header-g qb-column-header-g--button">
            <ol class="rob-breadcrumb rob-breadcrumb-pointed">
                <li><a href="#"><i class="qb-icon-home"></i>首页</a></li>
                <li>授信管理</a>
                </li>
                <li class="active"><a href="#">贷款进度查询</a></li>
            </ol>
            <button class="rob-btn rob-btn-minor rob-btn-circle " type="button">导出电子回单</button>
            <button class="rob-btn rob-btn-minor rob-btn-circle " type="button">导出电子回单</button>
        </div>
        <div class="qb-list-g">
            <div class="qb-list-g__table">
                <div class="rob-row clearfix">
                    <div class="rob-col-lg-24 column">
                        <div class="rob-table-responsive">
                            <table class="rob-table rob-table-striped rob-table-hover">
                                <thead>
                                <tr>
                                    <th>
                                        编号
                                    </th>
                                    <th>
                                        产品
                                    </th>
                                    <th>
                                        交付时间
                                    </th>
                                    <th>
                                        状态
                                    </th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>
                                        1
                                    </td>
                                    <td>
                                        TB - Monthly
                                    </td>
                                    <td class="qb-has-error">
                                        01/04/2012
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        1
                                    </td>
                                    <td>
                                        TB - Monthly
                                    </td>
                                    <td>
                                        01/04/2012
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        2
                                    </td>
                                    <td>
                                        TB - Monthly
                                    </td>
                                    <td>
                                        02/04/2012
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        3
                                    </td>
                                    <td>
                                        TB - Monthly
                                    </td>
                                    <td>
                                        03/04/2012
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <em class="qb-icon-home"></em>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        <span>lllll</span>
                                    </td>
                                    <td>
                                        kkk
                                    </td>
                                    <td>
                                        <a href="" class="qb-table-g__handle">删除</a>
                                        <a href="" class="qb-table-g__handle">删除</a>
                                        <a href="" class="qb-table-g__handle">删除</a>
                                        <a href="" class="qb-table-g__handle">删除</a>
                                        <a href="" class="qb-table-g__handle">删除</a>
                                        <a href="" class="qb-table-g__handle">删除</a>

                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="qb-list-g__pagination clearfix">
                <div class="rob-row clearfix">
                    <div class="rob-col-lg-24 column">
                        <ul class="rob-pagination rob-pagination-border-radius">
                            <li class="disabled">
                                <a href="javascript:;">&lt;</a>
                            </li>
                            <li class="active">
                                <a href="javascript:;">1</a>
                            </li>
                            <li>
                                <a href="javascript:;">2</a>
                            </li>
                            <li>
                                <a href="javascript:;">3</a>
                            </li>
                            <li>
                                <a href="javascript:;">4</a>
                            </li>
                            <li>
                                <a href="javascript:;">&gt;</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 尾部 -->
<div class="qb-footer-g">
    Copyright©2015 融数金服 辽ICP备15009643号 ▏客服电话：010-56793739 周一至周五：9:00-20:00
</div>
</body>

</html>